<template>
  <!-- 好题试卷专块 -->
  <div class="home_recommend">
    <div class="title">
      <!-- 专块标签 -->
      <SpecialTitle>
        <template v-slot:left>好题试卷</template>
        <template v-slot:right>
          <router-link to="systemClass" class="link">
            更多试卷
            <svg class="icon_more" aria-hidden="true">
              <use xlink:href="#icon-htmal5icon45"></use>
            </svg>
          </router-link>
        </template>
      </SpecialTitle>
    </div>
    <div class="list">
      <!-- <RecommendListItem
        v-for="item in newTodayList"
        :foodItem="item"
        :key="item.menu_id"
      /> -->
      <HomeGoodTestListItem />
    </div>
  </div>
</template>

<script>
import HomeGoodTestListItem from "./HomeGoodTestListItem";
import SpecialTitle from "../../../components/specialTitle/index.vue";
export default {
  name: "HomeGoodTest",
  components: { HomeGoodTestListItem, SpecialTitle },
  setup() {},
};
</script>

<style scoped lang="less">
.icon_more {
  width: 1rem;
  height: 1rem;
  vertical-align: -0.15em;
  fill: currentColor;
  margin: 0 0.5rem;
}
.home_recommend {
  width: 95%;
  border-radius: 0.3rem;
  margin: 0.5rem auto 0.5rem;
  // border: 1px solid red;
  // background-color: #eef0ff;
  .title {
    width: 100%;
    padding: 0.5rem 0;
    .link {
      color: #353535;
      display: flex;
      align-items: center;
    }
  }
}
</style>
